import styled from 'styled-components'
import border from '../../assets/styled/border'


const Container = styled.div`
    padding: 0.1rem 0.15rem;
    background-color: ${props => props.outerbg};
`

const InnerContainer = border(
  styled.div`
      display: flex;
      height: 0.4rem; 
      border: ${props => props.hasborder ? '1px solid #ee742f' : ''};
      border-radius: 0.06rem;
      justify-content: center;
      align-items: center;
      background-color: ${props => props.innerbg};
      svg {
          width: .18rem;
          height: .18rem;
          margin-right: .06rem;
          fill: #ee742f;
      }
      span {
          color: #666
      }
  `
)

export {
  Container,
  InnerContainer
}